﻿@{
    ViewBag.Title = "Normal";
    ViewBag.Page = "user";
    ViewData["regmodel"] = "normal";
    Layout = "~/Views/Shared/_RegisterSLayout.cshtml";
}
@section HeadCss
{
    <link href="../../images/images/style.css" rel="stylesheet" type="text/css" />
    <link href="../../images/images/user.css" rel="stylesheet" type="text/css" />
}
@section HeadJavaScript{
     <script src="~/Scripts/angular/base/angular.min.js" type="text/javascript"></script>
    <!--[if (IE 6)|(IE 7)]><script src="~/Scripts/angular/base/json2.js" type="text/javascript"></script><![endif]-->
    <script src="~/Scripts/angular/js/register.js" type="text/javascript"></script>
    <script type="text/javascript" src="~/Scripts/angular/base/angular.autoload.js"></script>
}

<form name="form" on-submit="submit()" onsubmit="return false;" ng-controller="Ctrl" 
    ng-init="load({
        name:{msg:'由6~16位位字母或数字组成,不区分大小写，首位为字母',required:'请填写账号（6~16位字母或数字组成，不区分大小写）',minlength: '账号长度为6-16位字符', maxlength: '只能使用6-16位字母和数字', pattern: '格式错误！！只能由数字或者字母构成，且首位为字母', contains: '很遗憾，该账号已经被注册！',failed:'检测账号失败，请联系我们',success:true}
        ,password: { msg:'由6-14位数字或字母或特殊字符组成，密码不可与用户名相同， 建议设置8位以上字母数字组合密码！',required:'请填写密码（6~14位字母,数字或下划线组成，不区分大小写）',minlength: '密码长度为6-14个字符', maxlength: '密码为超长，目前仅支持6-14位密码', pattern: '格式错误！！只能由数字,字母或下划线构成', failed: '请勿使用与用户名相同的密码',success:true}
        ,confirm: { required:'请填写确认密码',error: '与输入密码不一致',success:true}
        ,username: { msg: '请填写您的真实姓名，由2-15个汉字组成',error: '请填写您的真实姓名 ，由2-15个汉字组成', pattern: '对不起，姓名只能由中文组成',success:true}
        ,card: {msg: '身份证是用来断定您通行证归属的唯一凭证' ,error: '对不起，您输入的身份证号码有误',success:true}
        ,email: { msg: '修改登陆密码的依据，请务必仔细填写并记牢',error: '请正确填写您的邮箱',success:true}
        ,verifyvalue: { msg:'请输入图片显示的数字或字母',error: '请正确填写验证码',success:true}
        ,submit:{verifycode:'验证码错误',user:'防沉迷信息错误',email:'安全邮箱错误',identity:'系统繁忙，请稍候再试',account:'账号信息错误',error:'系统异常，请联系我们'}
    });
	name.url='/account/contains/r/Normal';
    submit.url='/account/newaum/r/Normal';
	password.words=['[0-9]+','[a-zA-Z]+','[@Html.Raw('@')_!#$%^&*]+'];
	passwrod.levels =['level1','level2','level3','level4'];"
>
 <div class="form1">
    <h1 class="orange">创建游戏账号</h1>
    <p >（必填）请牢记您注册的账号及密码，为了账号安全不要告知他人。如果您已经有帐号，则可<a href="/usercenter/login" class="orange"><strong>在此登录</strong></a></p>

    <table class="tab1" width="720">
        <tr>
            <td width="115"><span class="txtr">通行证账号</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td width="270">
            <input type="text" class="text270" name="name" ng-init="name.input()" on-focus="name.input()" on-blur="name.validate();" ng-model="name.value" ng-pattern="/^[a-zA-Z]+[a-zA-Z0-9]*$/" ng-minlength="6" ng-maxlength="16" required/>
            </td>
            <td>
            <span class="error" ng-show="name.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{name.error}}</span>
            <span ng-show="!name.error&&!name.success&&name.msg" >{{name.msg}}</span>
            <span  ng-show="name.success" style="display:none;"><img src="~/images/images/right.jpg" /></span>
            </td>
        </tr>
        <tr>
            <td><span class="txtr">设置密码</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td>
            <input type="password" class="text270" name="password" ng-init="password.input()" on-focus="password.input()" ng-model="password.value" on-blur="password.validate();password.change();" ng-change="password.validate();password.change();" ng-pattern="password.pattern" ng-minlength="6" ng-maxlength="14" required/>
            </td>
            <td rowspan="2">
            <span class="error" ng-show="password.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{password.error}}</span>
            <span class="labelmore " ng-show="!password.error&&!password.success&&password.msg" >{{password.msg}}</span>
            <span  ng-show="password.success" style="display:none;"><img src="~/images/images/right.jpg" /></span>
            </td>
        </tr>
        <tr>
            <td><span class="txtr">密码强度</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td><span ng-class="['level',passwrod.levels[password.level||0]]">&nbsp;&nbsp;</span></td>
        </tr>
        <tr>
            <td><span class="txtr">确认密码</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td>
            <input name="confirm" type="password" class="text270" ng-init="confirm.input()" on-focus="confirm.input()" on-blur="confirm.validate();"  ng-model="confirm.value" required/>

            </td>
            <td>
            <span class="error" ng-show="confirm.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{confirm.error}}</span>
            <span ng-show="!confirm.error&&!confirm.success&&confirm.msg" ng-bind-template="{{confirm.msg}}"></span>
            <span ng-show="confirm.success" style="display:none;"><img src="~/images/images/right.jpg" /> </span>
            </td>
        </tr>
    </table>
</div>
<div class="form1" style="background:none;">
    <h1 class="orange">填写安全信息</h1>
    <p >（必填）适合十八岁以上人群使用，如您填写的身份证号显示未满十八周岁将不能全面享受本产品服务，<br/>
<span class="w50">&nbsp;</span>身份证号与真实姓名不匹配将不能使用本产品服务。<a href="/addictedAgreement.htm" target="_blank" class="orange"><strong>（包括未成年防沉迷验证） </strong></a></p>


    <table class="tab1" width="720">
        <tr>
            <td width="115"><span class="txtr">真实姓名</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td width="270">
            <input name="username" type="text" class="text270" ng-init="username.input()" on-focus="username.input()" on-blur="username.validate();" ng-model="username.value" ng-pattern="username.pattern" ng-minlength="2" ng-maxlength="15"  required/>      
            </td>
            <td>
            <span class="error" ng-show="username.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{username.error}}</span>
            <span ng-show="!username.error&&!username.success&&username.msg" ng-bind-template="{{username.msg}}"></span>
            <span class="green" ng-show="username.success" style="display:none;"><img src="~/images/images/right.jpg" /></span>  
            </td>
        </tr>
        <tr>
            <td><span class="txtr">身份证号</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td>
            <input name="card" type="text" class="text270" ng-init="card.input()" on-focus="card.input()" on-blur="card.validate();" ng-model="card.value" required/>
    
            </td>
            <td>
            <span class="error" ng-show="card.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{card.error}}</span>
            <span ng-show="!card.error&&!card.success&&card.msg" ng-bind-template="{{card.msg}}"></span>
            <span class="green" ng-show="card.success" style="display:none;"><img src="~/images/images/right.jpg" /></span>
            </td>
        </tr>
        <tr>
            <td width="115"><span class="txtr">安全邮箱</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td width="270">
            <input name="email" type="text" class="text270" ng-init="email.input()" on-focus="email.input()" on-blur="email.validate();" ng-model="email.value" ng-pattern="email.pattern" required/>

            </td>
            <td>
            <span class="red" ng-show="email.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{email.error}}</span>
            <span ng-show="!email.error&&!email.success&&email.msg" ng-bind-template="{{email.msg}}"></span>
            <span class="green" ng-show="email.success" style="display:none;"><img src="~/images/images/right.jpg" /></span> 
            </td>
        </tr>
        <tr>
            <td width="115"><span class="txtr">验证码</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td width="270">
            <input type="text" class="text70" name="verifyvalue" ng-init="verifyvalue.input()" on-focus="verifyvalue.input()" on-blur="verifyvalue.validate();" ng-model="verifyvalue.value" ng-pattern="verifyvalue.pattern" required/>   
            <img ng-src="{{verifycode.value}}" ng-click="verifycode.newdefault()"/><a ng-click="verifycode.newdefault()" class="fresh">点击图片刷新验证码</a>
            </td>
            <td>
            <span class="error" ng-show="verifyvalue.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{verifyvalue.error}}</span>
            <span ng-show="!verifyvalue.error&&!verifyvalue.success&&verifyvalue.msg" ng-bind-template="{{verifyvalue.msg}}"></span>
            <span class=" green" ng-show="verifyvalue.success" style="display:none;"><img src="~/images/images/right.jpg" /></span>  
            </td>
        </tr>
         <tr ng-show="submit.error" style="display:none">
            <td ></td>
            <td colspan="2">
                <span class="error" >{{submit.error}}</span>
            </td>
        </tr>
        <tr>
            <td width="115"></td>
            <td width="270"><input type="submit" class="user_ljzc" value="" /></td>
            <td></td>
        </tr>
        <tr>
            <td width="115"></td>
            <td width="270" colspan="2"><span>点击"立即注册"，即表示您同意并愿意遵守<a href="#" target="_blank" class="orange"><strong>友为通行证用户服务协议</strong></a></span></td>
        </tr>
    </table>
</div>

</form>